<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/css/common.css}">
    <link rel="stylesheet" th:href="@{/css/personal-notice.css}">
    <link rel="stylesheet" th:href="@{/css/errorpage.css}">
    <script type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
</head>
<style>
    .errorPage{
        width:800px;
        height:600px;
        background: #ffffff;
        position: fixed;
        top:30%;
        left:50%;
        margin-top:-300px;
        margin-left:-400px;
        text-align: center;
    }
    .errorPage img{
        margin:120px auto 30px;
        display: block;
    }
    .errorPage span{
        font-size: 60px;
        color: rgba(0, 0, 0, 0.56);
    }
    body{
        background: #ffffff;
    }
    .errorPage a{
        margin:30px auto;

    }

</style>
<body>
    <div class="errorPage">
        <img th:src="@{/images/500-logo.png}" alt="" class="logo">
        <span th:text="${code}"></span>
        <p th:text="${msg}"></p>
        <p>建议您检查一下再试</p>
        <a th:href="@{/}" class="notice_back">返回首页</a>
    </div>
</body>
<script th:inline="javascript">
    $('.notice_back').hover(function(){
        
        $(this).addClass('confirm');
        $(this).siblings().removeClass('confirm');
    },function(){
        $(this).removeClass('confirm');
    })
</script>
</html>